﻿@{
    Layout = "~/views/shared/_LayoutMember.cshtml";
}

@model List<Domain.Model.DTO.KeyValue<string, double>>
@using JQChart.Web.Mvc

@section Script
{
    <link href="~/Content/jqChartJQueryPlugin_3_8_5_0/css/jquery.jqChart.css" rel="stylesheet" />
    <link href="~/Content/jqChartJQueryPlugin_3_8_5_0/css/jquery.jqRangeSlider.css" rel="stylesheet" />

    <script src="~/Content/jqChartJQueryPlugin_3_8_5_0/js/jquery.jqChart.min.js"></script>
    <script src="~/Content/jqChartJQueryPlugin_3_8_5_0/js/jquery.jqRangeSlider.min.js"></script>
}
<div class="fr2 green fs-25 Tbrline">交易市场</div>
<div class="fr2">
<div>

    @(Html.JQChart()
                .Chart(Model)
                .ID("jqChart")
                .Width(650)
                .Height(400)
                .Title("游戏豆单价走势图")
                .Animation(TimeSpan.FromSeconds(1))
                .Tooltips(el => el.TooltipsType(TooltipsType.Shared))
                .Axes(axis =>
                        {
                            axis.DateTimeAxis(Location.Bottom).Labels(el => el.ToString());
                        }
                )
                .Series(series =>
                    {
                        series.Line()
                              .Title("游戏豆单价")
                              .StrokeStyle("#418CF0")

                              .XValues(el => el.Key)
                              .YValues(el => el.Value);

                    }
                )
                .Render()
          )
</div>
    </div>
